<template>
  <!-- #region template -->
  <BCardGroup deck>
    <BCard header="Card with list group">
      <BListGroup>
        <BListGroupItem href="#list-group-card">Cras justo odio</BListGroupItem>
        <BListGroupItem href="#list-group-card">Dapibus ac facilisis in</BListGroupItem>
        <BListGroupItem href="#list-group-card">Vestibulum at eros</BListGroupItem>
      </BListGroup>
      <p class="card-text mt-2">
        Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex nulla tempor. Laborum
        consequat non elit enim exercitation cillum aliqua consequat id aliqua. Esse ex consectetur
        mollit voluptate est in duis laboris ad sit ipsum anim Lorem.
      </p>
    </BCard>
    <BCard
      no-body
      header="Card with flush list group"
    >
      <BListGroup flush>
        <BListGroupItem href="#list-group-card">Cras justo odio</BListGroupItem>
        <BListGroupItem href="#list-group-card">Dapibus ac facilisis in</BListGroupItem>
        <BListGroupItem href="#list-group-card">Vestibulum at eros</BListGroupItem>
      </BListGroup>
      <BCardBody>
        Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex nulla tempor. Laborum
        consequat non elit enim exercitation cillum aliqua consequat id aliqua. Esse ex consectetur
        mollit voluptate est in duis laboris ad sit ipsum anim Lorem.
      </BCardBody>
    </BCard>
  </BCardGroup>
  <!-- #endregion template -->
</template>
